$pc-width: 1280px;
$box-width: 910px;

@mixin ellipsis-5($i) {
	@if ($i > 0) {
		.ellipsis-#{$i} {
			@if ($i == 1) {
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			@else if ($i > 1) {
				display: -webkit-box;
				overflow: hidden;
				text-overflow: ellipsis;
				word-break: break-all;
				-webkit-line-clamp: $i;
				-webkit-box-orient: vertical;
			}
		}
		@include ellipsis-5($i - 1);
	}
}

@include ellipsis-5(5);

$breakpoints: (
	"phone": (320px, 480px),
	"pad": (481px, 768px),
	"notebook": (769px, 1024px),
	"pc": (1025px, 1200px),
	"tv": 1201px,
);

@mixin respondTo($breakNames) {
	@if type-of($breakNames) == "list" {
		@each $breakName in $breakNames {
			$bp: map-get($breakpoints, $breakName);
			@if type-of($bp) == "list" {
				$min: nth($bp, 1);
				$max: nth($bp, 2);
				@media (min-width: $min) and (max-width: $max) {
					@content;
				}
			} @else {
				@media (min-width: $bp) {
					@content;
				}
			}
		}
	} @else {
		$bp: map-get($breakpoints, $breakNames);
		@if type-of($bp) == "list" {
			$min: nth($bp, 1);
			$max: nth($bp, 2);
			@media (min-width: $min) and (max-width: $max) {
				@content;
			}
		} @else {
			@media (min-width: $bp) {
				@content;
			}
		}
	}
}
